{% extends "base.html" %}

{% block title %}Profile{% endblock %}

{% block maincontent %}
    <h1>Profile</h1>

    <p> You can manage your profile.</p>



    <form action="" method='post'>

    <ul>

    {% if update_success %}
        <li>
        <div role="alert" tabindex="0" class="success">
            Your profile has been successfully updated.</div></li>
    {% endif %}

    {% if email_missing %}
        <li>
        <div role="alert" tabindex="0" class="error">
            Email can not be a blank.</div></li>
    {% endif %}

    <li class="fields">
        <label class="labelandfield" for="email">
            Email: </label>
        <input onfocus="show_help_text('email_help')"
               onblur="clear_help_text('email_help')"
               type="text" id="email" name="email"
               value="{{user.primary_email|default:""}}"
               aria-describedby="email_help"/>
        <span id="email_help" class="help">
            This is the your email address to receive the notifications. </span>
    </li>


    <li class="fields">
        <label class="labelandfield" for="first_name">
            First Name: </label>
        <input onfocus="show_help_text('first_name_help')"
               onblur="clear_help_text('first_name_help')"
               type="text" id="first_name" name="first_name"
               value="{{user.first_name|default:""}}"
               aria-describedby="first_name_help"/>
        <span id="first_name_help" class="help">
            This is the your first name.</span>
    </li>

    <li class="fields">
        <label class="labelandfield" for="last_name">
            Last Name: </label>
        <input onfocus="show_help_text('last_name_help')"
               onblur="clear_help_text('last_name_help')"
               type="text" id="last_name" name="last_name"
               value="{{user.last_name|default:""}}"
               aria-describedby="last_name_help"/>
        <span id="last_name_help" class="help">
            This is the your last name.</span>
    </li>

    </ul>
    <input type="submit" id="next_with_margin"
           name="update_profile_submit"
           value="Update"/>

    </form>

{% endblock %}
